// src/components/TokenInfo.tsx
import { useTokenContract } from '../hooks/useTokenContract';

export function TokenInfo() {
  const { userBalance, contractBalance, isOwner } = useTokenContract();
  
  return (
    <div className="token-info">
      <h2>Token Information</h2>
      <p>Your Balance: {userBalance} VST</p>
      <p>Contract Balance: {contractBalance} VST</p>
      {isOwner && <p className="owner-badge">You are the contract owner</p>}
    </div>
  );
}